<script setup>
import Elaside from "@/components/Elaside.vue";
import Elheader from "@/components/Elheader.vue";
</script>

<template>
  <div class="common-layout">
    <el-container>
      <el-header><Elheader /></el-header>
      <el-container>
        <el-aside class="el-aside"><Elaside /></el-aside>
        <el-main><RouterView /></el-main>
      </el-container>
    </el-container>
  </div>
</template>

<style scoped lang="scss">
:deep() {
  .el-aside {
    width: 230px;
  }
}
.flex-box {
  display: flex;
  align-items: center;
  height: 100%;
}
</style>
